import { createElement, Component } from 'rax';
import Touchable from 'rax-touchable';

import ImgAddHot from './components/imgAddHot';
import ScrollBar from './components/scrollBar';

const defaultData = {
  scrollBarWidth: 190,
  barItemHeight: 105,
  defaultBg: '#ffffff',
  selectBg: '#fafafa',
  defaultColor: '#000000',
  selectColor: '#000000',
  leftBgColor: '#ffffff',
  rightBgColor: '#fafafa',
  barBgColor: 'blue',
  barWidth: 5,
  classList: [
    {
      title: '热门分类',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 8,
            y: 82,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 270,
            y: 86,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 2,
            y: 376,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 266,
            y: 370,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 28,
            y: 684,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 274,
            y: 688,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 218,
            y: 1048,
            width: 148,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 224,
            y: 1276,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 380,
            y: 1050,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 38,
            y: 1058,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 46,
            y: 1268,
            width: 158,
            height: 214,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 384,
            y: 1280,
            width: 150,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img1',
            x: 0,
            y: 0,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 653,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img3',
            x: 0,
            y: 986,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '全部宝贝',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 24,
            y: 606,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 282,
            y: 610,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 18,
            y: 890,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 278,
            y: 894,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 30,
            y: 1200,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 288,
            y: 1200,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 26,
            y: 80,
            width: 168,
            height: 188,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 210,
            y: 74,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 384,
            y: 76,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 32,
            y: 304,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 216,
            y: 300,
            width: 146,
            height: 208,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 378,
            y: 300,
            width: 156,
            height: 204,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img3',
            x: 0,
            y: 0,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img1',
            x: 0,
            y: 525,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 1178,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '男中',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 8,
            y: 82,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 270,
            y: 86,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 2,
            y: 376,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 266,
            y: 370,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 28,
            y: 684,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 274,
            y: 688,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 218,
            y: 1048,
            width: 148,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 224,
            y: 1276,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 380,
            y: 1050,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 38,
            y: 1058,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 46,
            y: 1268,
            width: 158,
            height: 214,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 384,
            y: 1280,
            width: 150,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img1',
            x: 0,
            y: 0,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 653,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img3',
            x: 0,
            y: 986,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '女中',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 24,
            y: 606,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 282,
            y: 610,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 18,
            y: 890,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 278,
            y: 894,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 30,
            y: 1200,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 288,
            y: 1200,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 26,
            y: 80,
            width: 168,
            height: 188,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 210,
            y: 74,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 384,
            y: 76,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 32,
            y: 304,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 216,
            y: 300,
            width: 146,
            height: 208,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 378,
            y: 300,
            width: 156,
            height: 204,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img3',
            x: 0,
            y: 0,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img1',
            x: 0,
            y: 525,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 1178,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '男幼',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 8,
            y: 82,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 270,
            y: 86,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 2,
            y: 376,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 266,
            y: 370,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 28,
            y: 684,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 274,
            y: 688,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 218,
            y: 1048,
            width: 148,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 224,
            y: 1276,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 380,
            y: 1050,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 38,
            y: 1058,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 46,
            y: 1268,
            width: 158,
            height: 214,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 384,
            y: 1280,
            width: 150,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img1',
            x: 0,
            y: 0,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 653,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img3',
            x: 0,
            y: 986,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '女幼',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 24,
            y: 606,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 282,
            y: 610,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 18,
            y: 890,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 278,
            y: 894,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 30,
            y: 1200,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 288,
            y: 1200,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 26,
            y: 80,
            width: 168,
            height: 188,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 210,
            y: 74,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 384,
            y: 76,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 32,
            y: 304,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 216,
            y: 300,
            width: 146,
            height: 208,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 378,
            y: 300,
            width: 156,
            height: 204,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img3',
            x: 0,
            y: 0,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img1',
            x: 0,
            y: 525,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 1178,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '婴儿',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 8,
            y: 82,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 270,
            y: 86,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 2,
            y: 376,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 266,
            y: 370,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 28,
            y: 684,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 274,
            y: 688,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 218,
            y: 1048,
            width: 148,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 224,
            y: 1276,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 380,
            y: 1050,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 38,
            y: 1058,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 46,
            y: 1268,
            width: 158,
            height: 214,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 384,
            y: 1280,
            width: 150,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img1',
            x: 0,
            y: 0,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 653,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img3',
            x: 0,
            y: 986,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '鞋品',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 24,
            y: 606,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 282,
            y: 610,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 18,
            y: 890,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 278,
            y: 894,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 30,
            y: 1200,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 288,
            y: 1200,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 26,
            y: 80,
            width: 168,
            height: 188,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 210,
            y: 74,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 384,
            y: 76,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 32,
            y: 304,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 216,
            y: 300,
            width: 146,
            height: 208,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 378,
            y: 300,
            width: 156,
            height: 204,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img3',
            x: 0,
            y: 0,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img1',
            x: 0,
            y: 525,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 1178,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '内着',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 8,
            y: 82,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 270,
            y: 86,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 2,
            y: 376,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 266,
            y: 370,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 28,
            y: 684,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 274,
            y: 688,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 218,
            y: 1048,
            width: 148,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 224,
            y: 1276,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 380,
            y: 1050,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 38,
            y: 1058,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 46,
            y: 1268,
            width: 158,
            height: 214,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 384,
            y: 1280,
            width: 150,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img1',
            x: 0,
            y: 0,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 653,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img3',
            x: 0,
            y: 986,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '箱包',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 24,
            y: 606,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 282,
            y: 610,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 18,
            y: 890,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 278,
            y: 894,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 30,
            y: 1200,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 288,
            y: 1200,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 26,
            y: 80,
            width: 168,
            height: 188,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 210,
            y: 74,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 384,
            y: 76,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 32,
            y: 304,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 216,
            y: 300,
            width: 146,
            height: 208,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 378,
            y: 300,
            width: 156,
            height: 204,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img3',
            x: 0,
            y: 0,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img1',
            x: 0,
            y: 525,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 1178,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '玩具',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 8,
            y: 82,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 270,
            y: 86,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 2,
            y: 376,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 266,
            y: 370,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 28,
            y: 684,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 274,
            y: 688,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 218,
            y: 1048,
            width: 148,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 224,
            y: 1276,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 380,
            y: 1050,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 38,
            y: 1058,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 46,
            y: 1268,
            width: 158,
            height: 214,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 384,
            y: 1280,
            width: 150,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img1',
            x: 0,
            y: 0,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 653,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img3',
            x: 0,
            y: 986,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }]
      },
    },
    {
      title: '配件',
      json: {
        screenHeight: 1511,
        screenWidth: 560,
        hot: [{
          data: {
            name: 'hot1',
            x: 24,
            y: 606,
            width: 236,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot2',
            x: 282,
            y: 610,
            width: 238,
            height: 266,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot3',
            x: 18,
            y: 890,
            width: 242,
            height: 274,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot4',
            x: 278,
            y: 894,
            width: 258,
            height: 282,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot5',
            x: 30,
            y: 1200,
            width: 228,
            height: 276,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot6',
            x: 288,
            y: 1200,
            width: 238,
            height: 278,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot7',
            x: 26,
            y: 80,
            width: 168,
            height: 188,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot8',
            x: 210,
            y: 74,
            width: 152,
            height: 198,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot9',
            x: 384,
            y: 76,
            width: 146,
            height: 202,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=oldstarts'
          }
        }, {
          data: {
            name: 'hot10',
            x: 32,
            y: 304,
            width: 162,
            height: 192,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot11',
            x: 216,
            y: 300,
            width: 146,
            height: 208,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }, {
          data: {
            name: 'hot12',
            x: 378,
            y: 300,
            width: 156,
            height: 204,
            url: 'https://balabala.m.tmall.com/shop/shop_auction_search.htm?spm=a1z60.7754813.0.0.488e9c7fwVdrCZ&suid=642320867&sort=default'
          }
        }],
        img: [{
          data: {
            name: 'img3',
            x: 0,
            y: 0,
            width: 560,
            height: 525,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB223jYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img1',
            x: 0,
            y: 525,
            width: 560,
            height: 653,
            url: 'https://img.alicdn.com/imgextra/i2/3355153118/TB2HMjYo0zJ8KJjSspkXXbF7VXa-3355153118.jpg'
          }
        }, {
          data: {
            name: 'img2',
            x: 0,
            y: 1178,
            width: 560,
            height: 333,
            url: 'https://img.alicdn.com/imgextra/i3/3355153118/TB2zP4lpgDD8KJjy0FdXXcjvXXa-3355153118.jpg'
          }
        }]
      },
    },
  ],
};
// 左侧导航选中时出现的竖线宽度
export default class developingClassNameApp extends Component {
  /**
   * 构建函数，处理传入的mds和gdc
   */
  constructor(props) {
    super(props);

    // 从页面上获取各种可以用的工具，如 Mtop, Windvane, goTargetUrl
    this.pageUtils = props.pageUtils;

    // 模块被初始化后从模块属性中获取模块要用到的数据和全局数据
    this.state = {
      mds: props.mds || {},
      gdc: props.gdc || {},
      selected: 0,
    };
  }

  goTargetUrl = (url, nid) => {
    let {mds} = this.state;
    let params = {
      url: url,
      nid: nid || 0,
      widgetId: mds.widgetId,
      moduleName: mds.moduleName
    };

    this.pageUtils.goTargetUrl && this.pageUtils.goTargetUrl(params);
  };

  render() {
    const { mds, selected } = this.state;
    let {
      classList = [],
      scrollBarWidth = '',
      barItemHeight = '',
      defaultBg = '',
      selectBg = '',
      defaultColor = '',
      selectColor = '',
      leftBgColor = '',
      rightBgColor = '',
      barBgColor = '',
      barWidth = '',
    } = mds.moduleData;

    classList = classList && classList.length &&
      classList[0].title && classList[0].title.length &&
      classList[0].json && classList[0].json.length ?
      classList : defaultData.classList;

    scrollBarWidth = parseInt(scrollBarWidth) ? parseInt(scrollBarWidth) : defaultData.scrollBarWidth;
    barItemHeight = parseInt(barItemHeight) ? parseInt(barItemHeight) : defaultData.barItemHeight;
    defaultBg = defaultBg.length ? defaultBg : defaultData.defaultBg;
    selectBg = selectBg.length ? selectBg : defaultData.selectBg;
    defaultColor = defaultColor.length ? defaultColor : defaultData.defaultColor;
    selectColor = selectColor.length ? selectColor : defaultData.selectColor;
    leftBgColor = leftBgColor.length ? leftBgColor : defaultData.leftBgColor;
    rightBgColor = rightBgColor.length ? rightBgColor : defaultData.rightBgColor;
    barBgColor = barBgColor.length ? barBgColor : defaultData.barBgColor;
    barWidth = parseInt(barWidth) ? parseInt(barWidth) : defaultData.barWidth;

    const viewProps = {
      style: {
        paddingLeft: scrollBarWidth,
      }
    };
    const scrollBarProps = {
      classList,
      selected,
      scrollBarWidth,
      barItemHeight,
      defaultBg,
      selectBg,
      defaultColor,
      selectColor,
      mds,
      leftBgColor,
      barBgColor,
      barWidth,
      onClickTitle: (index) => {
        this.setState({
          selected: index,
        });
      },
    };
    const imgAddHotProps = {
      data: classList[selected],
      selected,
      rightBgColor,
      mds,
      onClickHot: (url, spmdId) => {
        this.goTargetUrl(url, spmdId);
      }
    };
    return (
      <View data-role={mds.moduleName} data-spmc={`${mds.moduleName}_${mds.widgetId}`}>
        <View {...viewProps}>
          <ImgAddHot {...imgAddHotProps}/>
        </View>
        <ScrollBar {...scrollBarProps}/>
      </View>
    );
  }
}

